<template>
  <!-- 报名失败弹窗 -->
  <van-popup v-model="isShowPop" round position="center">
    <div class="pop_box">
      <img
        src="@/assets/images/common/success_icon.png"
        alt=""
        class="pop_tips_img"
        v-if="tipsInfo.type == 'success'"
      />
      <img
        src="@/assets/images/common/error_icon.png"
        alt=""
        class="pop_tips_img"
        v-else
      />

      <div class="pop_tips_txt">{{ tipsInfo.txt }}</div>
    </div>
  </van-popup>
</template>

<script>
export default {
  props: {
    isShowPop: Boolean,
    tipsInfo: Object,
  },
  data() {
    return {
      tipsInfo: {},
    };
  },
  created() {},
};
</script>

<style lang="less" scoped>
::v-deep.van-popup--center.van-popup--round {
  border-radius: 26.67px;
  background: #000000;
  opacity: 0.8;
}
.pop_box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 300px;
  padding: 14px 0;
}
.pop_tips_img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.pop_tips_txt {
  font-size: 16.67px;
  color: #ffffff;
}
</style>
